Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Download Tickets -> All Tickets #5856

Merged
merged 4 commits into from
Dec 2, 2020

Conversation

ksraj123
Copy link
Member

@ksraj123 ksraj123 commented Dec 1, 2020

Fixes #5852

Screenshot 2020-12-02 at 2 05 37 AM

Changes proposed in this pull request:

  • Download Tickets button changes to All Tickets
  • Icon for button changes to download icon

Please share feedback and suggestions.

@vercel
Copy link

vercel bot commented Dec 1, 2020

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/eventyay/open-event-frontend/iq0c0y1zr
✅ Preview: https://open-event-frontend-git-design-changes-1.eventyay.vercel.app

@codecov
Copy link

codecov bot commented Dec 1, 2020

Codecov Report

Merging #5856 (32db327) into development (3a1e29c) will decrease coverage by 0.03%.
The diff coverage is n/a.

Impacted file tree graph

@@               Coverage Diff               @@
##           development    #5856      +/-   ##
===============================================
- Coverage        23.46%   23.42%   -0.04%     
===============================================
  Files              512      512              
  Lines             5460     5469       +9     
  Branches            63       65       +2     
===============================================
  Hits              1281     1281              
- Misses            4163     4171       +8     
- Partials            16       17       +1     
Impacted Files Coverage Δ
app/components/widgets/forms/link-field.ts 60.00% <0.00%> (-5.22%) ⬇️
app/mixins/event-wizard.js 0.89% <0.00%> (ø)
app/components/forms/orders/order-form.js 0.00% <0.00%> (ø)
app/routes/events/view/edit/sessions-speakers.js 0.00% <0.00%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3a1e29c...32db327. Read the comment docs.

Copy link
Member

@mariobehling mariobehling left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is a white space between the all tickets and invoice button now. Please keep the width of the button as it previously was. Thanks.

Copy link
Member

@Raunaksingh100 Raunaksingh100 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Duplicate of #5860
I first say I am working on this issue so, why are you spaming

Plz read the contributions introduction this is open source .

Copy link

@cggvuhh cggvuhh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

there is lot of space and dupliacte of #5860

and #5860 already fixed the issue

@mariobehling
Copy link
Member

Please be friendly to each other and collaborate. As mentioned elsewhere if two people collaborate and contribute code to an issue together it would also count for both in a coding contest like Codeheat for example.

@ksraj123
Copy link
Member Author

ksraj123 commented Dec 2, 2020

@Raunaksingh100 The pr you mentioned was opened around 7 hours after this one. So how could this be a duplicate or spam. Also this tone of communication should not be encouraged in open source. As I already said in the issue I did not see your comment when I started working on this. If the mentors feel that this is already fixed then please feel free to close this.

@ksraj123
Copy link
Member Author

ksraj123 commented Dec 2, 2020

@mariobehling Does this look good now? I have made the spacing like it was before.

Screenshot 2020-12-02 at 11 25 28 AM

mariobehling
mariobehling previously approved these changes Dec 2, 2020
Copy link
Member

@mariobehling mariobehling left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, looks good. Thank you!

Please keep the tone of the conversation positive and friendly. We are all here to learn as well.

<div class="d-flex space-between">
<button class="ui labeled icon {{if this.isLoadingTickets 'loading'}} {{if this.device.isMobile 'fluid'}} button"
<div class="ui padded grid">
<button class="ui labeled icon left floated seven wide column {{if this.isLoadingTickets 'loading'}} {{if this.device.isMobile 'fluid'}} button"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please use flexbox with different style. Your solution is not responsive

Copy link
Member

@iamareebjamal iamareebjamal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please use flexbox as before

@ksraj123
Copy link
Member Author

ksraj123 commented Dec 2, 2020

@iamareebjamal Unfortunately, I could not reproduce the responsiveness issues. Could you please share a screenshot for that.

Here is how it looked before on mobile devices -

original before changes

Here is how it looks now -

Screenshot 2020-12-02 at 6 56 47 PM

Also, I think under the hood, semantic UI grid uses flexbox only.

Screenshot 2020-12-02 at 7 01 06 PM

Please share feedback and suggestions. Thanks

@iamareebjamal
Copy link
Member

Could you please share a screenshot for that

You have done it above youself. See the difference carefully

@ksraj123
Copy link
Member Author

ksraj123 commented Dec 2, 2020

@iamareebjamal Restored flexbox , now the space between the buttons not there on mobile if that was the resposivness issue we were talking about. Please have a look. Thanks

Screenshot 2020-12-02 at 7 25 32 PM

Screenshot 2020-12-02 at 7 25 57 PM

@iamareebjamal
Copy link
Member

Not equal
image

Remove justify stretch and set flex: 1 to both elements

@ksraj123
Copy link
Member Author

ksraj123 commented Dec 2, 2020

@iamareebjamal Oh, Thanks. Buttons made equal now.

Screenshot 2020-12-02 at 7 51 02 PM

Should I squash my commits?

@iamareebjamal iamareebjamal changed the title changes to ticket download page fix: Download Tickets -> All Tickets Dec 2, 2020
@auto-label auto-label bot added the fix label Dec 2, 2020
@iamareebjamal iamareebjamal merged commit 95d739e into fossasia:development Dec 2, 2020
@iamareebjamal
Copy link
Member

Thanks for the contribution

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Order Success Page: Change "Download Tickets" to "All Tickets" and use download icon
5 participants